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Interactive Content 


e Interactivity in teaching learning process 
e What and Why Interactive Content? 
e How can we create Interactive Content? 
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Scan the Code 


And Answer the question 


at Slido.com with the code 
#2759131 


Dictionary Definition . 


The involvement of users in the exchange 
of information with computers and the 
degree to which this happens. 


f interactivity from the Cambridge Business English Dictionary © Cambridge University P 


Interactive Content 


Content that requires the learners /students to 
interact or engage with that content 


Interactivity ina teacning 
learning Environment 


e Learner-Learner 
}—2 e Learner-Instructor / Teacher 
e Learner-Content 


Reference: Moore, M.G. (1989). Editorial: Three types. of interaction. The American Journal of Distance Education, 3(2), 1-7. 


Interactive Content 
How to create? 
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Interactive Content 


e Commercial tools 
e Free and Open source tools 


hp captivate 


course lab 
chameleon creator 
edapp iseazy 
camtasia storyline —_raptivity 
adaptiveu 
thinkific 


rr 


open elearning 


Interactivity 


Active participation 


Promote Active 
learning 


Track learners 
behaviour 


Opportunity to 
communicate 


Be Inspired 


IMAGINATION IS MORE 
IMPORTANT THAN KNOWLEDGE. 


ALBERT EINSTEIN 


H5P Interactive 
Content 


We will see... 


What is H5P? 
Where and how to create them? 


What is H5P? 


Content authoring tool 


HSP 


cd en 


Open Source Easy to use /create Create, Share, 


Responsive Reuse, Modify 


A browser Is required to view the content 


-\Jusiwrite 


What can we do with H5P* 


Which elements do these symbols represent? 


Drag each label to its position 


Content presentation with Interactivities 


Multimedia presentations with MCQ quiz, drag and drops, Image hotspots, T/F. etc. 


H5P Content types 


| | Edutainment || Tasks 


Just to present content (images, text) To present content as task to engage learners To present assesment tasks 


ee Presentat with tasks || Audio based ee Image In 
|| Beta version 


To present content with tasks To present audio based content here 


Others 
(KewAr Code, Iframe Embedder) 


H5P Content types in periodic table style display © 2020 by Sushumna Rao is licensed under CC BY 4.0. To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/ ©)® 


H5P Course 
Presentation 


We will focus H5P Interactive 
On... Video 


H5P enabled web Using a Desktop 


site application Lumi 
H5P.com SaaS Download and install Lumi 
Own Drupal or WordPress from lumi.education 
site with the active H5P 
plugin 
How and Lumi Online LMS 
Where to Create , share and Manage LMS with H5P Plugin 
online (Moodle, Canvas, 


Create? Blackboard, Brightspace) 


Using a Desktop 
application Lumi 


Download and install Lumi 
from lumi.education 


Lumi Online 


Create , share and Manage 
ovaliiats 


Use Lumi 


H5P Content 


As HTML /SCORM using On aLMS/CMS Download and Reuse 
Lumi application 


*Respect Copyright 


vnioad Lumi a: 


Download Lumi 


Cm 


Watch on (YouTube 
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| S| e Examples and Downloads from H5P.org 
e H5P Introduction in H5P Interactive Book 
Resources 
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Please scan the QR code and share your 
thoughts! 


